.warp-page{
	width:100%;
	height:100%;
	position:relative;
	overflow: hidden;
	background:url(../images/page-bg.jpg) no-repeat;
	background-size:100% 100%;
}

.pointer{position:absolute;margin:0 auto;left:0;right:0;top:5rem;width:5rem;height:5rem;}

.zhuan-bg{position:absolute;left:0;right:0;top:27%;width:18rem;height:18rem;margin:0 auto;background:url(../images/zhuan-bg.png) no-repeat;background-size:100% 100%;}
.zhuan-box{position:absolute;left:0;right:0;top:.9rem;width:15.9rem;height:15.9rem;margin:0 auto;background:url(../images/small-bg.png) no-repeat;background-size:100% 100%;}
.xuan{
position:absolute;width:5rem;height:3rem;text-align:center;color:white;font-size:.8rem;
text-shadow: 1px 0px 0px #fe8049, -1px 0px 0px #fe8049, 0px 1px 0px #fe8049, 0px -1px 0px #fe8049;
-webkit-text-shadow: 1px 0px 0px #fe8049,-1px 0px 0px #fe8049,0px 1px 0px #fe8049,0px -1px 0px #fe8049;
}
.xuan img{width:3.2rem; height:3.2rem;margin-top:-.5rem;}
.xuan p{margin:0; height:1.8rem;}
.xuan01{top:1.2rem;left:7.6rem;transform: rotate(20deg); }
.xuan02{top:4.2rem;left:10.6rem;transform: rotate(65deg); }
.xuan03{top:8.5rem;left:10.7rem;transform: rotate(109deg); }
.xuan04{top:11.5rem;left:7.6rem;transform: rotate(157deg); }
.xuan05{top:11.8rem;left:3.2rem;transform: rotate(199deg); }
.xuan06{top:8.8rem;left:0.3rem;transform: rotate(244deg); }
.xuan07{top:4.2rem;left:0.1rem;transform: rotate(291deg); }
.xuan08{top:1.1rem;left:3.2rem;transform: rotate(-22deg); }

.btn-box{position:absolute;bottom:9%;left:0;width:100%;}
.btn-box a.a-btn{display:block;width:6rem; height:2.2rem;background:url(../images/btn-bg.png) no-repeat;background-size:100% 100%;margin:0 auto;
color:white;line-height:2.2rem;text-align:center;
text-shadow: 1px 0px 0px #b57800, -1px 0px 0px #b57800, 0px 1px 0px #b57800, 0px -1px 0px #b57800;
-webkit-text-shadow: 1px 0px 0px #b57800,-1px 0px 0px #b57800,0px 1px 0px #b57800,0px -1px 0px #b57800;
}

html {
font-size: 62.5%
}
body{
    max-width: 640px;
}
@media screen and (min-width: 320px) {
    html {font-size: 14px;}
}
 
@media screen and (min-width: 360px) {
    html {font-size: 16px;}
}
 
@media screen and (min-width: 400px) {
    html {font-size: 18px;}
}
 
@media screen and (min-width: 440px) {
    html {font-size: 20px;}
}
 
@media screen and (min-width: 480px) {
    html {font-size: 22px;}
}
 
@media screen and (min-width: 640px) {
    html {font-size: 28px;}
}
